<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用iframe 内联框架 实现页面间的相互跳转</title>
</head>
<style>
    div{
        text-align: center;
    }
</style>
<body>
<div>
<a href="demo01.html" target="mainFrame">第1页的内容</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="demo02.html" target="mainFrame">第2页的内容</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="demo03.html" target="mainFrame">第3页的内容</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.baidu.com" target="mainFrame">重置</a><br/>

<iframe name="mainFrame" src="http://www.baidu.com" height="500px" width="1200px"></iframe>
</div>
</body>
</html>